<form class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST">

    <!-- 房间名 -->
    <div class="form-group">
        <label for="name" class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="name" data-rule="required" class="form-control" name="row[name]" placeholder="{:__('Name')}"
                type="text" value="">
        </div>
    </div>

    <!-- 房间标签 -->
    <div class="form-group">
        <label for="flag" class="control-label col-xs-12 col-sm-2">{:__('Flag')}(","分隔):</label>
        <div class="col-xs-12 col-sm-8">
            <input data-rule="required" class="form-control" id="flag" name="row[flag]"
                placeholder="{:__('Flag')}"></input>
        </div>
    </div>

    <!-- 房间设施 -->
    <div class="form-group">
        <label for="service" class="control-label col-xs-12 col-sm-2">{:__('Service')}(","分隔):</label>
        <div class="col-xs-12 col-sm-8">
            <input data-rule="required" class="form-control" id="service" name="row[service]"
                placeholder="{:__('Service')}"></input>
        </div>
    </div>

    <!-- 房间价格 -->
    <div class="form-group">
        <label for="price" class="control-label col-xs-12 col-sm-2">{:__('Price')}(/天):</label>
        <div class="col-xs-12 col-sm-8">
            <input id="price" data-rule="required" class="form-control" name="row[price]" placeholder="{:__('Price')}"
                type="text" value="">
        </div>
    </div>

    <!-- 房间总数 -->
    <div class="form-group">
        <label for="total" class="control-label col-xs-12 col-sm-2">{:__('Total')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="total" data-rule="required" class="form-control" name="row[total]" placeholder="{:__('Total')}"
                type="text" value="">
        </div>
    </div>

    <!-- 居住人数 -->
    <div class="form-group">
        <label for="live" class="control-label col-xs-12 col-sm-2">{:__('Live')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="live" data-rule="required" class="form-control" name="row[live]" placeholder="{:__('Live')}"
                type="text" value="">
        </div>
    </div>

    <!-- 房间大小-->
    <div class="form-group">
        <label for="area" class="control-label col-xs-12 col-sm-2">{:__('Area')}(/平方米):</label>
        <div class="col-xs-12 col-sm-8">
            <input id="area" data-rule="required" class="form-control" name="row[area]" placeholder="{:__('Area')}"
                type="text" value="">
        </div>
    </div>


    <!-- 房间图片 -->
    <div class="form-group">
        <label for="thumb" classs="control-label col-xs-12 col-sm-2">{:__('Thumb')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <!-- 上传路径 -->
                <input id="thumb" class="form-control" size="50" name="row[thumb]" type="text" readonly />

                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-thumbs" class="btn btn-danger faupload"
                            data-input-id="thumb"
                            data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp"
                            data-multiple="false" data-preview-id="p-thumbs"><i class="fa fa-upload"></i>
                            上传</button></span>
                    <span><button type="button" id="fachoose-thumbs" class="btn btn-primary fachoose"
                            data-input-id="thumb" data-mimetype="image/*" data-multiple="false"><i
                                class="fa fa-list"></i> 选择</button></span>
                </div>
                <span class="msg-box n-right" for="thumb"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-thumbs"></ul>
        </div>
    </div>

    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>